﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags-->
    <!-- Title-->
    <title>搜索 - 易知网</title>
    <!-- Favicon-->
    <link rel="icon" href="/mobile/default/img/core-img/favicon.ico">
    <!-- Stylesheet-->
    <link rel="stylesheet" href="/mobile/default/css/style.css">
  </head>
  <body>
    <!-- Preloader-->
    <div class="preloader" id="preloader">
      <div class="spinner-grow text-secondary" role="status">
        <div class="sr-only">Loading...</div>
      </div>
    </div>
    <!-- Header Area-->
    <div class="header-area" id="headerArea">
      <div class="container h-100 d-flex align-items-center justify-content-between">
        <!-- Back Button-->
        <div class="back-button"><a href="/"><i class="lni lni-chevron-left"></i></a></div>
        <!-- Page Title-->
        <div class="page-heading">
          <h6 class="mb-0">搜索</h6>
        </div>
        <!-- Search Form-->
        <div class="search-form"><a href="/search/"><i class="fa fa-search"></i></a></div>
      </div>
    </div>
    <div class="page-content-wrapper">
      <!-- Search Post Wrapper-->
      <div class="search-post-wrapper">
        <!-- Shapes-->
        <div class="bg-shapes">
          <div class="shape1"></div>
          <div class="shape2"></div>
          <div class="shape3"></div>
          <div class="shape4"></div>
          <div class="shape5"></div>
        </div>
        <div class="container">
<!--          <h4 class="mb-3 pl-2">搜索 <br> 你想要的！</h4>-->
          <div class="search-page-form">
            <!-- Search via Voice-->
            <a class="search-via-voice" href="#"><i class="lni lni-mic"></i></a>
            <form action="/search" method="get">
              <input class="form-control" name="q" type="search" value="${title!}" placeholder="搜索标题、标签、用户">
              <button type="submit"><i class="fa fa-search"></i></button>
            </form>
          </div>
        </div>
      </div>
      <!-- Popular Tags-->
      <div class="popular-tags-wrapper">
        <div class="container">
          <h5 class="mb-3 pl-1 newsten-title">热门搜索</h5>
        </div>
        <div class="container">
          <div class="popular-tags-list">
            [@fly_label method="paginate" pageSize="10"]
            [#list paginate.list as list]
            <a class="btn btn-sm m-1" href="/t/${list.shortUrl!}">#${list.title!}</a>
            [/#list]
            [/@fly_label]
          </div>
        </div>
      </div>
      <div class="container">
        <div class="border-top"></div>
      </div>
      <!-- Trending News Wrapper-->
      <div class="trending-news-wrapper">
        [#if title = ""]
        <div class="container">
          <div class="d-flex align-items-center justify-content-between">
            <h5 class="mb-3 pl-1 newsten-title">推荐内容</h5><a class="btn btn-primary btn-sm mb-3" href="/recommend/index">全部</a>
          </div>
        </div>
        [/#if]
        <div class="container">
          [@fly_search method="paginate" title='${title!}' p='${p?string}']
          [#if title != ""]
          [#list paginate.list as list]
          [@fly_user method="user" id = list.userId?string]
          <div class="single-trending-post d-flex">
            <div class="post-thumbnail"><img src="/mobile/default/img/bg-img/11.jpg" alt=""></div>
            <div class="post-content"><a class="post-title" href="/topic/${list.id!}/">${list.title!}</a>
              <div class="post-meta d-flex align-items-center">
                [@fly_group method="groupInfo" id='${list.groupId!}']
                <a href="/g-${groupInfo.shortUrl}">${groupInfo.groupName!}</a>
                [/@fly_group]
                <a href="/topic/${list.id!}/">[@time_format time=list.createTime?string("yyyy-MM-dd HH:mm:ss")!/]</a>
              </div>
            </div>
          </div>
          [/@fly_user]
          [/#list]
          [#else]
          [@fly_topic method="paginate" status="2" audit="0" sort="weight" order="desc"]
          [#list paginate.list as list]
          [@fly_user method="user" id = list.userId]
          <!-- Single Trending Post-->
          <div class="single-trending-post d-flex">
            <div class="post-thumbnail"><img src="/mobile/default/img/bg-img/11.jpg" alt=""></div>
            <div class="post-content"><a class="post-title" href="/topic/${list.id!}/">${list.title!}</a>
              <div class="post-meta d-flex align-items-center">
                [@fly_group method="groupInfo" id='${list.groupId!}']
                <a href="/g-${groupInfo.shortUrl}">${groupInfo.groupName!}</a>
                [/@fly_group]
                <a href="/topic/${list.id!}/">[@time_format time=list.createTime?string("yyyy-MM-dd HH:mm:ss")!/]</a></div>
            </div>
          </div>
          [/@fly_user]
          [/#list]
          [/@fly_topic]
          [/#if]
          [/@fly_search]
        </div>
      </div>
    </div>
    <!-- Footer Nav-->
    <div class="footer-nav-area" id="footerNav">
      <div class="newsten-footer-nav h-100">
        <ul class="h-100 d-flex align-items-center justify-content-between">
          <li class="active"><a href="index.html"><i class="lni lni-home"></i></a></li>
          <li><a href="#"><i class="lni lni-grid-alt"></i></a></li>
          <li><a href="#"><i class="lni lni-bolt-alt"></i></a></li>
          <li><a href="#"><i class="lni lni-heart"></i></a></li>
          <li><a href="#"><i class="lni lni-bookmark"></i></a></li>
        </ul>
      </div>
    </div>
    <!-- All JavaScript Files-->
    <script src="/mobile/default/js/jquery.min.js"></script>
    <script src="/mobile/default/js/popper.min.js"></script>
    <script src="/mobile/default/js/bootstrap.min.js"></script>
    <script src="/mobile/default/js/waypoints.min.js"></script>
    <script src="/mobile/default/js/jquery.easing.min.js"></script>
    <script src="/mobile/default/js/owl.carousel.min.js"></script>
    <script src="/mobile/default/js/jquery.animatedheadline.min.js"></script>
    <script src="/mobile/default/js/jquery.counterup.min.js"></script>
    <script src="/mobile/default/js/wow.min.js"></script>
    <script src="/mobile/default/js/default/date-clock.js"></script>
    <script src="/mobile/default/js/default/dark-mode-switch.js"></script>
    <script src="/mobile/default/js/default/active.js"></script>
  </body>
</html>